<template>
	<view class="success">
		<view class="success-box">
			<text class="text">订单支付成功</text>

		</view>
		<view class="success-item">
			支付金额: {{ price }}元
		</view>
		
		
		<view class="personal-box">
			<view class="personal" @tap="toMine">
				<text class="center">个人中心</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad(v) {

			this.price = v.price;
			// console.log("11", v)
		},
		methods: {
		toMine(){
			uni.switchTab({
			    url: '/pages/mine/mine'
			});
		}
		}
	}
</script>

<style lang="scss" scoped>
	.success {
		

		.success-box {
			width: 750rpx;
			// height: 100rpx;
		
			padding-top: 300rpx;
			text-align: center;
			font-size: 50rpx;
			letter-spacing: 1.71rpx;
			
			

		}

		.success-item {
			width: 750rpx;
			text-align: center;
			font-size: 35rpx;
			letter-spacing: 1.71rpx;
		}
		.personal-box{
			padding-top: 600rpx;
			display: flex;
			justify-content: center;
		.personal{
			width: 290rpx;
			text-align: center;
			height: 90rpx;
			border: 2rpx solid #3D4C46;
			border-radius: 10rpx;
			border-radius: 10rpx;
			.center{
					
				line-height: 90rpx;
				
			}
		}
		}
	}
</style>
